<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>
    <%= title %>
  </title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 导航栏 -->
  <div class="nav">
    <h1>Sobook </h1>
  </div>

  <!-- 状态栏 -->
  <div class="flag">
    <div class="container">
      <% if (islogin) { %>
        <div class="login">
          <p>尊敬的用户 <%= uname %>   欢迎您的到来</p>
          <a href="/logout">退出登陆</a>
        </div>
        <% } else { %>
          <div class="unlog">
            <p>您还没有登陆，请跳转至&nbsp;&nbsp;</p>
            <a href="/login">登陆页面</a>
          </div>
      <% } %>


    </div>
  </div>

  <!-- banner -->
  <div class="banner">
    <div class="container">
      <ul class="left">

        <% catas.forEach(item => { %>
          <li><%= item %> </li>
        <% }) %>
        
        
      </ul>
      <div class="right">
        <input type="text"><span>搜索</span>

      </div>
    </div>
  </div>

  <!--图书信息  -->
  <div class="book">
    <div class="container">
      <div class="left">
        <ul>
          <% books.forEach(item => { %>
            <li>
              <img src="<%= item.bookimg %> " alt="">
              <div class="tag"><%= item.tag %> </div>
              <div class="auth"><%= item.author %> </div>
              <div class="cat"><%= item.cataory %> </div>
            </li>
          <% }) %>
        </ul>
      </div>
      <div class="right">

      </div>
    </div>
  </div>

  
</body>

</html>